<template>
  <el-carousel height="340px">
    <el-carousel-item v-for="item in 1" :key="item">
      <el-row :gutter="30">
       <el-col :span="8" >
         <RightItem :name="'耳机'" :introduce="'introduce'" :money="300"></RightItem>
       </el-col>
        <el-col :span="8">
          <RightItem :name="'耳机'" :introduce="'introduce'" :money="300"></RightItem>
        </el-col>
        <el-col :span="8" >
          <RightItem :name="'耳机'" :introduce="'introduce'" :money="300"></RightItem>
        </el-col>
      </el-row>
    </el-carousel-item>
  </el-carousel>
</template>

<script>
import RightItem from './RightItem'
export default {
  name: 'Right',
  components: { RightItem }
}
</script>

<style scoped>

</style>
